<script lang="ts" setup>
import MainPoint from './MainPoint.vue'

defineProps<{
    easyPoint: number
    logicPoint: number
    totalPoint: number
    contentPoint: number
}>()
</script>

<template>
    <view p="l-4 y-1" mb-2 style="box-shadow: 0 0 10rpx 0 #d5d5d5" rounded>
        <view flex items-center>
            <view flex flex-col mr-2 leading-3 font-bold text="24 #333" flex-shrink-0>
                <text>综合</text>
                <text>评分</text>
            </view>
            <text text="52 #f38e48" font-bold>
                {{ totalPoint }}
            </text>

            <view class="ml-9" wfull flex items-center justify-around>
                <MainPoint :point="contentPoint" title="内容实用"/>
                <MainPoint :point="easyPoint" title="简洁易懂"/>
                <MainPoint :point="logicPoint" title="逻辑清晰"/>
            </view>
        </view>
    </view>
</template>
